<script lang="ts" setup></script>

<template>
  <div class="contact-us-container">
    <div class="common-banner">
      <img src="@/assets/images/square/app-market-banner.png" alt="" />
      <div class="content">
        <div class="common-w-box">
          <div class="txt-c2">
            <div class="t1">联系我们</div>
            <div class="des">
              <p>
                佰茵云，一个自主研发的生物信息分析平管，致力于为生品科学服务。
                <br />
                本平台集数据下载、分析和结果可视化于一体，汇集了多种数据处理功能及生物信息学券析方法，包括单细胞聚类分析，拟时序分析、拷贝数估算、细胞间通讯分析及RNA速率计算等，沙及空间妇学，单细胞组学
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="common-w-box">
      <div class="contact-box">
        <div class="t1">南宁源动生命医学研发有限公司</div>
        <div class="con">
          <div class="cn-l">
            <dl>
              <dt>
                <img src="@/assets/images/contactUs/contact-ico1.png" alt="" />
              </dt>
              <dd>
                <div class="f1">电话</div>
                <div class="f2">19899493993</div>
              </dd>
            </dl>
            <dl>
              <dt>
                <img src="@/assets/images/contactUs/contact-ico2.png" alt="" />
              </dt>
              <dd>
                <div class="f1">商务合作</div>
                <div class="f2">cyz@ydlife.com</div>
              </dd>
            </dl>
            <dl>
              <dt>
                <img src="@/assets/images/contactUs/contact-ico3.png" alt="" />
              </dt>
              <dd>
                <div class="f1">地址</div>
                <div class="f2">广西壮族自治区南宁青秀区教育路1号</div>
              </dd>
            </dl>
          </div>
          <div class="cn-r">
            <div class="nr"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="lxwm-banner">
      <img src="@/assets/images/research/rs-banner.png" alt="" />
      <div class="content">
        <div class="common-w-box" style="text-align: center">
          <el-button type="primary" round size="large" style="width: 200px">
            联系客服咨询
          </el-button>
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.contact-us-container {
  .contact-box {
    padding: 140px 0;

    .t1 {
      font-size: 28px;
      font-weight: 500;
      line-height: 33px;
      color: #021429;
    }

    .con {
      display: flex;
      justify-content: space-between;
      margin-top: 70px;

      .cn-l {
        dl {
          display: flex;
          margin-bottom: 60px;

          &:last-child {
            margin-bottom: 0;
          }

          dt {
            width: 28px;
            margin-right: 45px;
          }

          dd {
            flex: 1;
            padding: 0;
            margin: 0;

            .f1 {
              font-size: 18px;
              font-weight: 500;
              line-height: 30px;
              color: #000;
            }

            .f2 {
              font-size: 16px;
              font-weight: 500;
              line-height: 30px;
              color: #8691a3;
            }
          }
        }
      }

      .cn-r {
        width: 760px;

        .nr {
          width: 100%;
          height: 335px;
          background: #ededed;
        }
      }
    }
  }
}
</style>
